<template>
<!-- center 里面的内容垂直居中 -->
  <van-cell center :title="title" :label="label">
      <!-- 插槽  vant提供的 -->
    <template #right-icon>
      <van-icon name="play-circle-o" class="play-icon" @click="$router.push(`/play/${id}`)" />
    </template>
  </van-cell>
</template>

<script>
export default {
  props: {
    title: {
      type: String,
      required: true,
    },
    label: {
      type: String,
      required: true,
    },
    // 用来跳转到指定的歌曲
    id: {
      type: Number,
      required: true,
    },
  },
}
</script>

<style scoped>
.play-icon {
  font-size: 30px;
  line-height: inherit;
}
</style>